<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%-- <%@ include file="../js/vue.min.js" %> --%>
<!DOCTYPE html>
<html>
<!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
<!-- <script src="../js/vue.min.js"></script> -->
<head>
<meta charset="utf-8">
<title>查询会员</title>
<script type="text/javascript">
	var b = ${b};
	if (b == false) {
		alert("没有数据！");
	}
</script>
<style type="text/css">
body {
	font-size: 16px;
}

.box {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

input[type=text], input[type=password] {
	width: 160px;
	height: 26px;
}

input[type=submit], button {
	width: 70px;
	height: 32px;
}

.form-group {
	padding: 2px;
	margin: 18px 0;
	text-align: left;
}

label {
	display: inline-block;
	min-width: 100px;
	text-align: center;
	vertical-align: top;
	text-align: center;
}

h1 {
	text-align: center;
}

.a {
	width: 100%;
	text-align: center;
	margin: 15px 0;
}
</style>
</head>
<body>
	<div class="box" id="box">
		<form
			action="${pageContext.request.contextPath}/findMemberByNamePhone">
			<h1>会员管理系统</h1>
			<div class="form-group">
				搜索：<input type="text" name="namephone" />
			</div>
			<div class="form-group" style="text-align: center;">
				<input type="submit" value="查询" />
			</div>
		</form>
		<button @click="onredirct()">修改</button>
		<div class="a">
			<a href="${pageContext.request.contextPath}/redirct/first">首页</a>
		</div>
		<br>
<!-- 		<button onclick="testAjax()">测试Ajax</button><br> -->
<!-- 		<input type="button" @click="testAjax()" value="666" /> -->
<!-- 		<br> -->
<!-- 		<p>{{ message }}</p> -->
<!-- 		<div id="b" v-text="message"></div> -->
	</div>
	<!-- 	<script src="https://unpkg.com/vue/dist/vue.js"> -->
	<script type="text/javascript">
		var vm = new Vue({
			el:'#box',
			data:{
				message:'b1',
				a:'2'
			},
			methods:{
				onredirct:function(){
					window.location.href = "${pageContext.request.contextPath}/redirct/update";
				},
				testAjax:function(){
					this.$http.get('').then(function(res){
						this.message="bb";
					},function(){
						alert("error");
					});
				}
			}
		});
		
		
// 		function onredirct() {
// 			window.location.href = "${pageContext.request.contextPath}/redirct/update";
// 		}
		
	</script>
</body>
</html>